<template>
	<div>
		<div class="flex items-center justify-between">
			<slot name="user" :scope="props"></slot>
			<div class="mr-20px">
				<el-button color="#E5E6EB"
					style="color:#000000;width:80px;height:40px;font-size: 14px;border-radius:10px;"
					@click="editPersonalShow=true">编辑</el-button>
			</div>
		</div>
		<div class="mt-20px p-20px border-1px border-#E5E6EB border-solid rounded-12px">
			<p class="text-18px text-#000000">实名认证</p>
			<p class="mt-10px mb-10px text-#B5B5B5 text-14px">完成实名认证，有助于保护账户安全，提高交易权限</p>
			<p class="text-14px text-#114CEE">已认证</p>
		</div>
	</div>
	<EditPersonal :is-show="editPersonalShow" 
	@close="closeEditPersonal" @confirm="confirmEditPersonal"/>
</template>
<script lang="ts" setup>
import EditPersonal from "../pop/EditPersonal.vue";
interface IProps {
	email: string;
	id: string;
	register: string;
	url: string;
}

const props = defineProps<IProps>();

// 编辑个人资料
const editPersonalShow = ref<boolean>(false);

const closeEditPersonal = (val:any) => {
	editPersonalShow.value = val;
};

const confirmEditPersonal = () => {
	editPersonalShow.value = true;
};
</script>
